<template>
  <div class="home">
    <div class="login">
      <img :src="weibo" alt="" />
      <div class="loginButton">
        <input type="button" value="扫完码请登陆" />
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      weibo: require("../assets/login.png"),
    };
  },
};
</script>

<style lang='scss' scope>
.home {
  width: 100%;
  height: 400px;
  background: rgb(241, 170, 170);
  display: flex;
  align-items: center;
  justify-content: center;
  .login {
    .img {
      width: 100px;
      height: 100px;
      background: skyblue;
    }
    .loginButton {
      margin-top: 20px;
      input {
        border: 1px solid red;
        border-radius: 20px;
        color: red;
      }
      text-align: center;
    }
  }
}
</style>
